<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Autocomplete Demos</title>
	<script type="text/javascript">
		var Global = {
			contextPath:'/bingo.ui.framework'
		} 
	</script>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	
	<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.position.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
	
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
		
	<script src="../jquery.ui.autocomplete.js" type="text/javascript"></script>
	<link  href="../autocomplete.css" type="text/css" rel="stylesheet" />
	
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<script src="../../../../scripts/jquery_plugins/jquery.json.js" type="text/javascript"></script>

	<script>
		$( function(){
			$("select").comboBox({
				//select: function(event, ui) {
					 //alert( ("Selected: " + ui.item.label)||("Nothing selected, input was " + this.value) ) ;
				//}
			});


			$('#getValue').click(function(){
				$('.value').removeClass('ui-helper-hidden').html( jQuery.json.encode($('select').comboBox().getValue()) ) ;
			}) ;
		} ) ;
	</script>
</head>

<body>
	<a href='javascript:' id='getValue'>getValue</a>
	<br/><br/>
		<div class='ui-state-highlight value ui-helper-hidden'></div>
	<br/><br/>
     <select>
		<option value="hn">湖南</option>
        <option value="hb" selected>湖北</option>
        <option value="jx">江西</option>
        <option value="sc">四川</option>
        <option value="gd">广东</option>
        <option value="gx">广西</option>
	</select>
</body>
</html>